 <!DOCTYPE html>
 <html>

 <head>
     <meta charset="utf-8">
     <title>网格系统</title>
     <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">

     <!-- 引入 Bootstrap -->
     <!-- <link href="../static/bootstrap-5.1.3-dist/css/bootstrap.min.css" rel="stylesheet"> -->
     <!-- 新 Bootstrap 核心 CSS 文件 -->
     <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> -->
     <link rel="stylesheet" href="../static/bootstrap-3.4.1/dist/css/bootstrap.min.css"> 

     <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> -->
     <script src="../static/jQuery-v3.6.0/jQueryv3.6.0.js"></script>

     <!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> -->
     <script src="../static/bootstrap-3.4.1/dist/js/bootstrap.min.js"></script>
 </head>
 <style>
     #div1 {
         background-color: red;
         height: 200px;
     }

     #div2 {
         background-color: blue;
         height: 200px;
     }
 </style>

 <body>

     <!-- <div class="h2">ASDKLFJASKLDJ</div> -->

     <!-- <div class="container">
        <div class="row"> -->
            <!-- <div class="col-md-3  col-sm-2" style="background-color: red">1</div>
            <div class="col-md-3  col-sm-2" style="background-color: blue">2</div>
            <div class="col-md-3  col-sm-2" style="background-color: green">3</div> -->
            <!-- <div class="col-md-5 col-lg-offset-2 col-lg-4  col-sm-6 col-xs-6 " style="background-color: red">1</div> -->
        <!-- </div>
        <div class="row">
            <div class="col-md-3 col-lg-3 col-sm-3 col-xs-3" style="background-color: blue">2</div>
            <div class="col-md-7 col-lg-7 col-sm-3 col-xs-3" style="background-color: green">3</div>
        </div>
    </div> -->
<!-- 
    <div class="container">
        <div class="row">
            <div class="col-md-6" style="background-color: red">1</div>
            <div class="col-md-6 " style="background-color: blue">2</div> 
        </div>
        <div class="row">
            <div class="col-md-6 " style="background-color: green">
                <div class="row">
                <div class="col-md-1 " style="background-color: #ffff00">21</div>
                <div class="col-md-1 " style="background-color: #f0f0f0">22</div>
                <div class="col-md-1 " style="background-color: #f0f00f">23</div>
                <div class="col-md-1 " style="background-color: blue">24</div>
                <div class="col-md-1 " style="background-color: red">25</div>
                <div class="col-md-1 " style="background-color: black">26</div>                    
                <div class="col-md-1 " style="background-color: green">27</div>
                <div class="col-md-1 " style="background-color: red">28</div>
                <div class="col-md-1 " style="background-color: blue">29</div>
                <div class="col-md-1 " style="background-color: red">210</div>
                <div class="col-md-1 " style="background-color: blue">211</div>
                <div class="col-md-1 " style="background-color: blue">212</div>
                <div class="col-md-1 " style="background-color: blue">213</div>
            </div>
            </div>
            <div class="col-md-6 " style="background-color: black">2</div> 
        </div>
    </div> -->

    <!-- <div class="container">
        <div class="row">
            <div class="col-md-3 col-md-push-4" style="background-color: red">1</div>
            <div class="col-md-3" style="background-color: blue">2</div> 
        </div> 
    </div> -->

    <div class="container">
        <div class="row">
            <div class="col-md-3 " style="background-color: red">1</div>
            <div class="col-md-3 col-md-pull-2" style="background-color: blue">2</div> 
        </div> 
    </div>
     <!-- <div class="container-fluid">
         <div id="div2">呵呵呵</div>
      <div class="container"> -->
 </body>

 </html>